<script setup lang="ts">
import { ref, reactive } from "vue";
import { classBasic } from "@/stores/BackData/ClassManage/classBasic";

const store = classBasic();
const aclass = reactive(store.aclass);
</script>
<template>
  <div class="stepthree">
    <el-alert
      title="详情页信息为课程的详细介绍，方便学员更好的了解课程"
      type="warning"
      show-icon
    />
    <div class="serve">
      <div>教学服务</div>
      <div>
        <input type="text" v-model="aclass.teachingServices" />
      </div>
    </div>
  </div>
</template>
<style scoped>
.stepthree {
  width: 80%;
  margin: auto;
}
.el-alert {
  margin: 20px auto;
  width: 80%;
}

/* 教学服务 */
.serve {
  width: 80%;
  margin: 30px auto;
  border: 1px solid #e2e2e2;
}
.serve > div:first-child {
  padding-left: 10px;
  background-color: #e2e2e2;
}
.serve input {
  /* border: 1px solid #e2e2e2; */
  border: 0;
  outline: 0;
  width: 99%;
  height: 100px;
}
</style>
